<template>
	<uni-popup ref="addUShang_pop">
		<view class="addUShang4s">
			<view class="title">
				公告
			</view>
			<view class="black_1">
				<scroll-view scroll-y="true" @scrolltolower="scroll" class="buyChicken_block_centent">
					<view class="item">
						<u-parse :content="message"  ></u-parse>
					</view>
				</scroll-view>
			</view>
			<view class="black_2" @click="toPay()">我要加入</view>
		</view>
		<view style="height: 20px;"></view>
		<view class="bottom">
			<image class="close" @click="close" src="/static/my/close2.png"></image>
		</view>
		
	</uni-popup> 
</template>

<script>
	
	export default {
	props: {
		success: {
			type: Function,
		}
	},
		name:"addUShang",
		data() {
			return {
				current:0,
				message:''
			};
		},
		methods:{
			open(){
				this.message = uni.getStorageSync('site_apply_rule')
				this.$refs.addUShang_pop.open()
			},close(){
				this.$refs.addUShang_pop.close()
			},
			toPay(){
				this.success()
				this.close()
			},
			scroll() {
			
			},
		}
	}
</script>

<style scoped lang="less">
.addUShang4s{
	background: white;
	border-radius: 10px;
	padding: 2px;
	width: 685rpx;
	height: 696rpx;
	
	.title{
		text-align: center;
		font-weight: 800;
		font-size: 42rpx;
		font-weight: bold;
		color: #262626;
		padding: 10px 10px 10px 10px;
	}
	
	.black_1{
		// width: 666rpx;
		padding: 10px;
		.buyChicken_block_centent{
			height: 390rpx;
			// width: 606rpx;
		}
	}
	.black_2{
		margin: 20px;
			text-align: center;
		 background: #FE903D;
		 padding: 10px;
		 font-size: 35rpx;
		 font-weight: bold;
		 color: #FFFFFF;
		 border-radius: 14rpx;
	}
}

.bottom{
	text-align: center;
}

.close{
	text-align: center;
	margin: auto;
	width: 30px;
	height: 30px;
}
</style>